<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/head.css">
</head>
<body>
<div  id="huhead">
    <div class="huheadtop">
        <div>
            <div  class="huheadlef">
                <div><img :src="log"  /></div>
                <div>
                    <select>
                        <option v-for="item  in  xuexiaos" >{{item}}</option>
                    </select></div>
            </div>
            <div  class="huheadright">
                <div><input  placeholder="请输入关键字"   /><img  :src="sou" /> <button>搜索</button></div>
                <div>热门搜索关键词:{{guanjian}}</div>
            </div>
        </div>

    </div>
</div>



</body>
<script  src="js/jquery.3.3.1.min.js"></script>
<script  src="js/vue.js"></script>
<script  type="text/javascript">

    function getQueryVariable(variable)
    {
        var query = window.location.search.substring(1);
        var vars = query.split("&");
        for (var i=0;i<vars.length;i++) {
            var pair = vars[i].split("=");
            if(pair[0] == variable){
                return pair[1];
            }
        }
        return(false);
    }
    var first = getQueryVariable('first');
    if(!first){
        first = 0;
    }
    new Vue({
        el:"#huhead",
        data:{
            indexs:first,
            loginstate:false,
            wangjistate:false,
            my:{src:"http://bzt.cybwnt.com/uploads/zhongxue/webmytouxiang.png",name:"张雪"},
            log:"http://bzt.cybwnt.com/uploads/zhongxue/weblog.png",
            sou:"http://bzt.cybwnt.com/uploads/zhongxue/sousuo.png",
            xuexiaos:["成都校区","北京校区","新都校区","上海校区"],
            guanjian:"初三英语 初三数学 初三化学",
            daohang:[{name:"首页",yinwen:"MOME PAGE",src:"index.html?first=0"},
                {name:"课程",yinwen:"COURSE",src:"huclass.html?first=1"},
                {name:"活动",yinwen:"ACTIVITY",src:"huhuodong.html?first=2"},
                {name:"打开宝库",yinwen:"TREASURY",src:"hubaoku.html?first=3"},
                {name:"师资力量",yinwen:"PAMOMEGE",src:"huteacher.html?first=4"},
                {name:"联系我们",yinwen:"CONTACT US",src:"hulianxiwomen.html?first=5"},
            ],
        },
        methods:{

        },

    })


</script>
</html>